<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/iconfont.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<style>
			body{
				background: #fff;
			}
			.mui-table-view:before,
			.mui-table-view:after {
				background-color: #fff;
				height: 0;
			}
			
			#slider {
				
			}
			
			.loopRool{height:20px;line-height:20px;overflow:hidden;}
			.loopRool-item{list-style-type:none;margin:0;padding:0;margin-left:6px;}
			/*系统支持ie8就选line-height:16px;，但不支持opera 否则选line-height:20px;*/
			.loopRool-item a{line-height:16px; color: inherit;}
						
			.mui-grid-view.mui-grid-9 .mui-table-view-cell {
				border-width: 0;
				padding: 10px;
			}
			#notice{
				position: relative;
			}
			.icon-notice1{
				position: absolute;
				left:15px;
				top:12px;
			}
			
			.mui-table-view-cell:after{
				background-color: inherit;
			}
			.notice{
				padding:10px 10px 10px 30px;
			}
			.mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{
				height: auto;
				font-size: 0.8em;
			}
			.mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn) {
				padding: 14px 0;
			}
			.mui-grid-view.mui-grid-9 .mui-media .icon{
				font-size: 2em;
			}
		</style>
	</head>

	<body>
		<div class="mui-content">			
			
			<ul class="mui-table-view mui-panel margin-bottom-no">
				<li class="mui-table-view-cell mui-h4 mui-text-center" style="padding-top: 30px;">
					<h3 style="font-weight: bold;">高效快捷 ATM随身带</h3>
					<p class="pt-5"><span class="mui-icon iconfont icon-shandian color-green"></span>10%循环还款 卡奴瞬间变卡神</p>
					<div style="padding: 30px 0 0px;" class="mui-text-center">
						<a id="btnOpen" class="mui-btn mui-btn-block mui-btn-danger mui-btn-round" style="width: 240px; margin: auto;">
							<span class="mui-icon iconfont icon-add"></span> 刷卡取现</a>
						<h5 class="color-orange" style="padding-top: 20px;">
							<svg class="icon" aria-hidden="true" style="font-size: 18px;">
							  <use xlink:href="#icon-hongbao2"></use>
							</svg>
							领最高298元新手礼</h5>
					</div>
				</li>
			</ul>
			<ul id="shortcut" class="mui-table-view mui-grid-view mui-grid-9 margin-top-no border-no">
				<li class="mui-table-view-cell mui-media mui-col-xs-6">
					<a href="javascrpt:void(0)" data-url="faq.html">
						<svg class="icon" aria-hidden="true">
							  <use xlink:href="#icon-loan"></use>
							</svg>
						<div class="mui-media-body">不是贷款<br>无需审核</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-6">
					<a href="javascrpt:void(0)" data-url="news.html">
						<svg class="icon" aria-hidden="true">
							  <use xlink:href="#icon-safety"></use>
							</svg>
						<div class="mui-media-body">费率0.5%<br>不到账全额退</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-6">
					<a href="javascrpt:void(0)" data-url="register.html">
						<svg class="icon" aria-hidden="true">
							  <use xlink:href="#icon-cashtip"></use>
							</svg>
						<div class="mui-media-body">当天到账<br>成功率100%</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-6">
					<a href="javascrpt:void(0)" id="open">
						<svg class="icon" aria-hidden="true">
							  <use xlink:href="#icon-ccard"></use>
							</svg>
						<div class="mui-media-body">支持所有<br>银联信用卡</div>
					</a>
				</li>
			</ul>
		</div>
		<script src="js/mui.min.js"></script>
		<script src="js/app.js"></script>
		<script src="js/iconfont.js"></script>
		
		<script type="text/javascript">
			mui.init();
			
			openGetCash = function () {
				if(!app.isLogin()) {
									app.openLogin();
									return false;
								}
				mui.openWindow("getcash-add.html", "getcash-add.html");
			}
			
			$id("btnOpen").addEventListener("tap", function () {
				openGetCash();
			})
		</script>
	</body>

</html>